<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体图标iconfont</title>
</head>

<body>
    <li>轻量级</li>
    <li>灵活性</li>
    <li>兼容性</li>
    <p>注意：字体图标不能替代精灵技术，只是对工作中图标部分技术的提升和优化。</p>
    <oi>字体图标的下载</oi>
    <p>icomoon, iconfont</p>
    <ol>字体图标的引用</ol>
    <p>把下载包里的fonts放入页面的根目录下。</p>
    <p>在CSS样式中全局声明字体: 简单理解把这些文字文件通过CSS引入到我们页面中。</p>
    <p>html标签内添加小图标。</p>
    <p>给span声明字体。</p>
    <ol>字体图标的追加</ol>

</body>

</html>